//先引入loading组件
import  LoadingComponent from './loading'
// let LoadingComponent =require('./loading.vue ').default;
const Loading = {}
Loading.install =  (Vue, options) => {
    // 生成一个Vue的子类 同时这个子类也就是组件
    const ToastConstructor = Vue.extend(LoadingComponent)
    // 生成一个该子类的实例
    const instance = new ToastConstructor()
    // 将这个实例挂载在我创建的div上
    // 并将此div加入全局挂载点内部
    instance.$mount(document.createElement('div'))
    document.body.appendChild(instance.$el)
    //注入vue的原型链
  
    // Vue.prototype.$loading = {
      
    //     show(options = {}) {

    //      if (!instance) {
    //      let LoadingInstance = Vue.extend(Loading);
    //      el = document.createElement("div");
    //      document.body.appendChild(el);
    //      instance = new LoadingInstance({
    //       propsData: { defaultOptions, ...options }
    //      }).$mount(el);
    //      } else {

    //      return instance;
    //      }
    //     },
    //     hide() {
    //      if (instance) {
    //      document.body.removeChild(document.getElementById("loading-wrapper"));
    //      instance = undefined;
    //      }
    //     }
    //     };
       Vue.prototype.$loading = {}
        Vue.prototype.$loading.hide = () => {
            // let tpl = document.querySelector('#vip-loading')
            // document.body.removeChild(tpl)
            instance.show = false
        },
        Vue.prototype.$loading.show = () => {
            // let tpl = document.querySelector('#vip-loading')
            // document.body.removeChild(tpl)
            instance.show = true
        }

}


export default Loading